/** 2020/03/07
 * @Author: 王灿
 * @Desc: flex布局
 */
@mixin flex(
  $direction: row,
  $inline: flex,
  $flexWrap: wrap,
  $justifyContent: space-between,
  $align-items: center
) {
  display: $inline;
  flex-direction: $direction;
  flex-wrap: $flexWrap;
  justify-content: $justifyContent;
  align-items: $align-items;
}

/** 2020/03/07
 * @Author: 王灿
 * @Desc: 背景图
 */
@mixin bg-image($url) {
  background-image: url($url+'@2x.png');
  background-size: 100%;
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    background-image: url($url+'@2x.png');
    background-size: 100%;
  }
}

/** 2020/03/07
 * @Author: 王灿
 * @Desc: 多行超出省略号
 */

@mixin ell2($row) {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $row;
  overflow: hidden;
}
